<template>
  <page-wrap
    ref="pageWrap"
    hideTab
    back
    :title="dynamicTitle"
    :showTop="dynamicTitle"
    :dark="loaded ? false : true"
    :bg-color="dynamicColor"
    :callBackUrl="gotoMyTabUrl"
    :hideSafeArea="true"
  >
    <view class="course-list" :style="'padding-top:' + navHeight + 'px;'">
      <userinfoCard />
      <activityList />
    </view>
  </page-wrap>
</template>
<script>
import userinfoCard from "./components/userInfoCard";
import activityList from "./components/activityList";
import share from "@/mixins/share";
export default {
  mixins: [share],
  components: {
    userinfoCard,
    activityList,
  },
  onPageScroll(e) {
    //滚动改变颜色
    if (e.scrollTop >= 10) {
      this.dynamicTitle = "参与的课程活动";
      this.dynamicColor = "#cfe8fd";
    } else {
      this.dynamicTitle = "";
    }
  },
  data() {
    return {
      dynamicTitle: "参与的课程活动",
      dynamicColor: "",
      navHeight: getApp().globalData.navHeight,
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
$img-base-person: $img-base + "careerPath/";
.course-list {
  background-image: url($img-base + "ztyNew/ztybg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 100vh;
}
</style>
